<template>
	<view class="container">
	  <view class="list">
		<view class="list__head">
			<view class="list__headin">
				  <view class="list__headin-title">同学们都在学什么</view>
				  <navigator
					:url="'./review/index?type=4'"
					hover-class="none"
					class="list__headin-more">更多 &gt;</navigator>

			</view>
		</view>
	
		<study-no-data v-if="noData"></study-no-data>
		<learn-content v-else :list="learnList"></learn-content>
	
	  </view>
	</view>
</template>

<script>
	import {isEmpty} from '@/utils/index';
		import LearnContent from "./learnContent";
		import studyNoData from '../studyNoData'
	export default {
	  components: {LearnContent,studyNoData},
	  props: {
	    learnList: {
	      type: Array,
	      default: function() {
	        return [];
	      }
	    }
	  },
	  data() {
	    return {};
	  },
	  computed: {
		  noData(){
		  	return isEmpty(this.learnList);
		  }
	  },
	};
</script>

<style lang="less">
	// 列表
	.list {
		width: 100%;
		background-color: #fff;
		// margin-bottom: 20upx;
		padding-bottom: 20upx;
		&__head {
			padding-top: 20upx;
			.list__headin {
				display: flex;
				padding: 0 30upx 0;
				margin-top: 15upx;
				// border-left: 10upx solid #377cfd;
	
				&-title {
					font-size: 30upx;
					font-weight: 600;
					text-align: left;
					flex: 1.5;
				}
				&-more {
					font-size: 24upx;
					text-align: right;
					flex: 0.5;
					color: #999999;
					font-family: SimSun-ExtB;
				}
			}
		}
	}
</style>
